import PropTypes from 'prop-types';
import * as React from 'react';
import { useTheme } from 'react-native-paper';
import Svg, { Circle, G, Path } from 'react-native-svg';

function Male({ color, height, width, style }) {
  const { colors } = useTheme();
  return (
    <Svg height={height} width={width} viewBox="0 0 512 512" style={style}>
      <Circle cx={236.967} cy={236.967} r={236.967} fill={colors.accent} />
      <G fill={colors.primary}>
        <Path d="M283.19 189.084c-44.146-44.149-115.719-44.149-159.864 0-44.153 44.157-44.153 115.726 0 159.875 44.146 44.142 115.719 44.142 159.864 0 44.149-44.153 44.149-115.722 0-159.875zm-30.391 129.484c-27.356 27.364-71.723 27.364-99.09 0-27.364-27.367-27.364-71.73 0-99.09 27.367-27.367 71.738-27.367 99.09 0 27.367 27.36 27.367 71.723 0 99.09z" />
        <Path d="M252.732 218.835c16.685 16.67 35.573-10.9 46.024-21.343 9.987-9.987 34.847-34.844 44.842-44.845.924 10.458 2.746 50.937 4.277 61.287 2.443 16.445 22.817 22.582 30.316 8.105.778-1.029 1.272-2.324 1.478-3.843.344-1.388.348-2.683.079-3.832-.269-13.549-1.355-57.13-1.635-70.69-.254-13.197 1.53-27.562-3.308-39.97a10.55 10.55 0 00-.804-2.133c-.98-1.957-3.398-3.746-5.74-4.266-11.431-4.322-24.093-2.885-36.318-3.136-15.188-.303-60.205-.681-75.382-.984-17.568-.359-18.17 22.2-5.369 29.714 6.41 3.727 46.529 3.394 53.65 4.116 4.558.471 9.137.906 13.71 1.351-9.923 9.923-34.709 34.713-44.643 44.643-10.435 10.428-37.802 29.19-21.177 45.826z" />
      </G>
      <Path
        d="M368.256 97.301c-11.431-4.322-24.093-2.885-36.318-3.136-15.188-.303-60.205-.681-75.382-.984-17.568-.359-18.17 22.2-5.369 29.714 6.41 3.727 46.529 3.394 53.65 4.116 4.557.471 9.137.906 13.71 1.351-9.923 9.923-34.709 34.713-44.643 44.643-1.306 1.306-2.874 2.735-4.587 4.284-44.183-31.906-106.218-27.985-145.993 11.79-44.075 44.078-44.146 115.468-.228 159.632l30.391-30.387c-27.132-27.382-27.068-71.565.217-98.851 27.293-27.293 71.479-27.356 98.851-.213l.307-.307 30.091-30.095 89.358-89.354c-1.148-1.039-2.596-1.881-4.055-2.203z"
        fill={colors.primary}
      />
    </Svg>
  );
}

Male.defaultProps = {
  height: 120,
  width: 120,
  color: 'white',
};

Male.propTypes = {
  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
  style: PropTypes.object,
  color: PropTypes.string,
};

export default Male;
